
/*=========红包弹层20180207=======*/
.default_packet{ position:fixed; bottom:4rem; right:2vw; width:4rem; z-index:1;-webkit-animation: packet .5s  linear infinite; -ms-animation: packet .5s linear infinite;
animation: packet .5s linear infinite;}
.default_packet img{display:block; width:100%;}
@-webkit-keyframes packet {
    0% {
		-webkit-transform:rotate(0deg);
	}
	25% {
		-webkit-transform:rotate(-20deg);
	}
	50% {
		-webkit-transform:rotate(0deg);
	}
	75% {
		-webkit-transform:rotate(20deg);
	}
	100% {
		-webkit-transform:rotate(0deg);
	}
}
@-ms-keyframes packet {
	0% {
		-ms-transform:rotate(0deg);
	}
	25% {
		-ms-transform:rotate(-20deg);
	}
	50% {
		-ms-transform:rotate(0deg);
	}
	75% {
		-ms-transform:rotate(20deg);
	}
	100% {
		-ms-transform:rotate(0deg);
	}
}
@keyframes packet {
    0% {
		transform:rotate(0deg);
	}
	25% {
		transform:rotate(-20deg);
	}
	50% {
		transform:rotate(0deg);
	}
	75% {
		transform:rotate(20deg);
	}
	100% {
		transform:rotate(0deg);
	}
}

.envelopes{position: absolute; width: 70%; left: 15%; top: 20%;z-index: 10;}
.envelopes .info{position:relative; background:url(../images/envelopes_up.png) no-repeat; background-size:100% 100%; box-sizing:border-box; overflow:hidden; color:#FFF; padding:16vh 0; margin:auto;}
.envelopes .info h2{ text-align:center; font-size:1.2rem;}
.envelopes .close{ width:12%; margin:1rem auto;}
.envelopes .close img{display:block; width:100%;}
.envelopes .data{position:relative; box-sizing:border-box; overflow:hidden; background:#d54231; border-radius:8px; padding-bottom:16vh;}
.envelopes .data .up{background:url(../images/envelopes_up.png) no-repeat; width:100%; height:100%; background-size:100% 100%; margin:auto;}
.envelopes .data .up img , .envelopes .data .open_btn img{display:block; width:100%; }
.envelopes .data .down{}
.envelopes .data .down p{ width:100%;position:absolute; bottom:1rem; left:0;color: #FFC93B; font-size:0.875rem; text-align:center; }
.envelopes .data .open_btn{ width:34%; margin:-7vh auto 0 auto; position:relative; z-index:9;}
.envelopes .data .open_btn.rotate{
    -webkit-animation: anim .5s infinite alternate;
        -ms-animation: anim .5s infinite alternate;
            animation: anim .5s infinite alternate;
}
@-webkit-keyframes anim {
    from { -webkit-transform: rotateY(180deg); }
    to { -webkit-transform: rotateY(360deg); }
}
@-ms-keyframes anim {
    from { -ms-transform: rotateY(180deg); }
    to { -ms-transform: rotateY(360deg); }
}
@keyframes anim {
    from { transform: rotateY(180deg); }
    to { transform: rotateY(360deg); }
}
.envelopes2{width: 80%; left: 10%; top:15%;}
.envelopes .data2{position:relative; box-sizing:border-box; overflow:hidden; }
.envelopes .data2 .up .title{ position:relative;width:100%; margin:auto; /*padding:10vh 0 0 0;*/}
.envelopes .data2 .up .title img{display:block; width:100%;}
.envelopes .data2 .up .title .money{width:6rem; height:6rem; position:absolute; left:50%; top:50%; border:4px #d70026 solid; border-radius:50%; background:#eee4bc; font-size:2rem; color: #CF0D00; text-align:center;  margin-left:-2.5rem; margin-top:1rem; box-sizing:border-box; padding-top:1rem;}
.envelopes .data2 .up .title .money p , .envelopes .data2 .up .title .money2 p , .envelopes .data2 .up .title .money3 p{ font-size:0.875rem;color: #CF0D00; line-height:1rem;}
.envelopes .data2 p{ width:100%; text-align:center;color: #FFC93B; font-size:0.75rem; line-height:3rem;}
.envelopes .data2 .up .title .money2{width:6rem; height:6rem; position:absolute; left:50%; top:50%; border:4px #d70026 solid; border-radius:50%; background:#eee4bc; font-size:1.8rem; color: #CF0D00; text-align:center;  margin-left:-2.5rem; margin-top:3vh; box-sizing:border-box; padding-top:1.2rem;}
.envelopes .data2 .up .title .money3{width:6rem; height:6rem; position:absolute; left:50%; top:50%; border:4px #d70026 solid; border-radius:50%; background:#eee4bc; font-size:1.5rem; color: #CF0D00; text-align:center;  margin-left:-2.5rem; margin-top:6vh; box-sizing:border-box; padding-top:1.5rem;}
